@import "base";

.activitie-detail-main {
  //头部
  .head {
    margin-top: 10px;

    .head-msg {
      .title {
        font-size: 24px;
        font-weight: bold;
      }
    }

    .msg {
      height: auto;
      padding: 20px 0;

      p {
        line-height: 28px;
      }
    }
  }
  //头部

  //人报名数
  .willN-num-box {
    height: auto;

    .apply-num {
      margin-top: 18px;
      font-weight: bold;
    }

    .img-box {
      margin: 10px 0;

      span {
        margin-left: -10px;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        img {
          width: 40px;
          height: 40px;
          border-radius: 50%;

        }
      }

      span:first-child {
        margin-left:0;
      }
    }
  }
  //人报名数

  //活动详情
  .activitie-detail {
    margin-bottom: 78px;

    p:first-child {
      margin: 18px 0;
      font-weight: bold;
    }
  }
  //活动详情

  .apply-box {
    position: fixed;
    bottom: 0;
    left:0;
    height: 68px;

    div.box {
      height: 100%;
      padding: 12px 15px;
      box-sizing: border-box;

      span {
        width: 100%;
        height: 44px;
        line-height: 44px;
        border-radius: 22px;
      }
    }

    div.box-l {
      padding-right: 0;

      span {
        border: 1px solid #E5E5E5;
        box-sizing: border-box;

        i {
          top: 1px;
          left: 0;
        }
      }
    }

    div.box-r {
      span {
        background: linear-gradient(left, #3DA0FF, #3D7EFF);
      }
    }
  }

  //线下活动报名
  .popup-box {
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    z-index: 10;

    .content-box {
      width: 85%;
      padding: 20px 30px;
      box-sizing: border-box;
      border-radius: 12px;

      .title-img {
        top: -44px;
        left: 0;
        width: 86%;
      }

      .title-img+p.txt {
        margin-top: -40px;
      }

      .txt {
        line-height: 25px;
      }

      .input-box {
        p {
          background: #F7F7F7;
          height: 40px;
          line-height: 40px;
          border: 1px solid #E5E5E5;
          border-radius: 2px;
          margin-top: 20px;
          padding: 0 10px;
          box-sizing: border-box;

          span {
            flex: 1
          }

          input {
            flex: 3;
            background: #F7F7F7;
            border: unset;
            outline: unset;
            text-indent: 5px;
          }

          i {
            right: 15px;
            top: 0;
            z-index: 21;
            font-style: normal;
          }
        }
      }

      .btn-box {
        margin-top: 24px;

        p.cancel-btn {
          line-height: 40px;
          margin-top: 10px;

        }
      }
    }
  }
  //线下活动报名
}
